﻿﻿html, body { width: 100%; font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft Yahei", "WenQuanYi Micro Hei", Arial, Verdana, sans-serif; }
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd { padding: 0; margin: 0; }
h1, h2, h3, h4, h5 { font-weight: normal; }
li { list-style: none; }
a { text-decoration: none; }
i { display: inline-block; }
input, select { font-family: "微软雅黑"; }
/*清除浮动*/
.cl:after, .clearfix:after { content: "."; display: block; height: 0; font-size:0; line-height:0; overflow:hidden; clear: both; visibility: hidden; }
.cl, .clearfix { zoom: 1; }
.clear { line-height: 0px; clear: both; height: 0px; font-size:0px; }
.clearfix{zoom:1}
.margin_bottom{margin-bottom:20px}
.table-head{margin-right:17px}
body{position: relative;}
td{WORD-WRAP: break-word;}
/*header头部*/
.header{width: 100%;height:62px;background-color:#0d1831;border-bottom: 1px solid #1b2948;position: fixed;z-index: 99999;top:0;left:0;}
.header .logo{float:left;height:62px;line-height:62px}
.header .logo img{vertical-align:middle}
.header ul{margin-left:108px;overflow:hidden;float:left}
.header li{float:left}
.header a{color:#fff;font-size:18px;display:block}
.header a:hover{color:#fea956;}
.header li a{height:59px;line-height:59px;margin-right:64px}
.header a.login_button{width:90px;height:29px;font-size:14px;line-height:29px;border:1px solid #fea956;border-radius:18px;text-align:center;float:right;margin-top:15px;margin-right:30px;color:#fea956;}
.header a.login_button:hover{color:#FFF;background-color:#fea956}
.line{border-bottom:3px solid #019fe8}
/*底部*/
.publicbottom{height:120px;line-height:120px;background-color:#22252a;text-align:center;color:#666}
.qqkf { position: fixed; top: 150px; right: 0px; padding: 50px 4px 0 4px; background: url(../images/kf.png) no-repeat 0 0 #FFF; width: 130px; border: solid 2px #0093E8; }
.qqkf .chat { background-color: #fff; clear: both; text-align: center; }
.qqkf .chat a img { vertical-align: middle; }
.qqkf .chat p { padding: 5px 0; }
/**主页*/
.over{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;opacity:.5;z-index:1000}
.layout{display:none;position:absolute;top:40%;left:40%;width:20%;height:20%;z-index:1001;text-align:center}
.container{width:1200px;margin:0 auto;position:relative}
.index{margin-top: 60px;}
.index ul li{float: left;}
.index h2,h5,h6{text-align: center;}
.index h2,h6{font-weight: normal;}
.index h2{font-size: 34px;}
.index h6{font-size: 18px;color: #999999;height:30px;line-height:36px;}
.index .banner{width:100%}
.index .banner img{width:100%;display:block}
.index .pay-introduce{height:120px;background-color:#f2f2f2;overflow:hidden}
.index .pay-introduce a{display:block;height:120px;width:298px;float:left}
.index .pay-introduce .container div{margin:0 auto;margin:35px auto 40px 55px}
.index .pay-introduce .container div dl{border-right:1px solid #cdcdcd}
.index .pay-introduce .container div dl.no-line{border:none}
.index .pay-introduce .container div dt{font-size:18px}
.index .pay-introduce .container div dd{font-size:16px;color:#999}
.index .pay-introduce span{display:block;background:url(../images/round-huiwang.png) no-repeat;text-align:center;width:42px;height:42px;margin-top:5px;line-height:40px;float:left;margin-right:24px}
.index .pay-introduce span img{vertical-align:middle}
.index .advantage{background:url(../images/advantage-bg.png) no-repeat center;height:700px;margin-top:45px}
.index .advantage ul{margin-top:68px}
.index .advantage li{width:265px;border:1px solid #e7e7e7;margin-right:44px;height:252px;font-size:18px;text-align:center;padding-top:90px;background-color:#F0F0F0;background-position:center 32px;background-repeat:no-repeat;color:#666}
.index .advantage p{margin-top:27px;padding:47px 38px;width:189px;height:102px;background:#FFF;color:#999;text-align:justify;font-size:16px}
.index .advantage li.no-margin{margin:0}
.index .advantage li:hover{color:#FFF;background-color:#fea956;border:1px solid #fea956}
.index .adv0{background-image:url(../images/advantage1.png)}
.index .adv1{background-image:url(../images/advantage2.png)}
.index .adv2{background-image:url(../images/advantage3.png)}
.index .adv3{background-image:url(../images/advantage4.png)}
.index .advantage li.adv0:hover{background-image:url(../images/advantage1w.png)}
.index .advantage li.adv1:hover{background-image:url(../images/advantage2w.png)}
.index .advantage li.adv2:hover{background-image:url(../images/advantage3w.png)}
.index .advantage li.adv3:hover{background-image:url(../images/advantage4w.png)}
.index .services{text-align:center;margin-top:-145px}
.index .services img{margin-top:96px;margin-bottom:50px}
.index .service-bg{background-color:#373d41;height:412px;margin-top:68px}
.index .service-bg li{width:200px;height:412px}
.index .service-bg li a{color:#FFF;display:block;width:200px;height:412px}
.index .service-bg li a:hover{background:rgba(253,168,87,.2)}
.index .service-bg li.list1{background-image:url(../images/img1.jpg)}
.index .service-bg li.list2{background-image:url(../images/img2.jpg)}
.index .service-bg li.list3{background-image:url(../images/img3.jpg)}
.index .service-bg li.list4{background-image:url(../images/img4.jpg)}
.index .service-bg li.list5{background-image:url(../images/img5.jpg)}
.index .service-bg li.list6{background-image:url(../images/img6.jpg)}
.index .service-bg li span{background:url(../images/img1.jpg) no-repeat}
.index .payment{margin-top:55px}
.index .slide{margin-top:68px;background-color:#F0F0F0;width:1200px;height:140px;line-height:140px;overflow:hidden;position:relative}
.index .slide img{vertical-align:middle;width:177px;height:112px;display:inline-block}
.index .slide ul{width:1200px;height:140px;position:relative}
.index .slide li{height:140px;padding-right:20px}
.index .case{background:url(../images/banner1-1-2.jpg) no-repeat center;background-size:cover;height:487px;margin-top:100px;color:#FFF;text-align:center}
.index .case p{position:absolute;top:195px;left:236px;font-size:24px}
.index .case a{position:absolute;top:286px;left:675px;color:#FFF;font-size:18px}
.index .case a:hover{text-decoration:underline}
.index .partner{margin-top:67px}
.index .partner img{margin-top:87px;margin-bottom:72px}

/*demo*/
.paytest{ width: 600px; margin: 0 auto; height:600px;}
.paytest .caption{ line-height:80px; padding-top:40px; font-size:24px; font-weight:300; }
.paytest .note{ padding-top:50px; font-size:13px; color:#666; }
.paytest input[type=text]{ padding:6px; border-radius:3px; border:solid 1px #ccc; line-height:24px; }
.paytest input[type=submit]{ background:#62A8EA; border:none; color:#FFF; padding:10px 30px; cursor:pointer; }

/*register*/
.section { width: 100%; transition: -webkit-transform 1s ease; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; -o-transition: -o-transform 1s ease; }
.section .content { width: 1000px; margin: 80px auto 80px; line-height: 22px; }
.section .content .tdform { width: 500px; margin: 0 auto; padding:0 0 10px; border: 1px solid #ddd; box-shadow: 0 0 5px #ccc; border-radius: 4px; }
.section .content .tdform input::-webkit-input-placeholder {line-height: 14px;font-size: 12px;}
.section .content .tdform button:hover { background: rgba(255,108,44,0.8); border: 1px solid #ff8956; }
.section .content .tdform div input { border: 1px solid #ccc; border-radius: 4px; height: 38px; width: 295px; padding-left:10px; outline-color: #0099FF; }
.section .content .tdform div button { border: 0; border-radius: 4px; background-color: #0099FF; height: 40px; width: 300px; color: #fff; font-size: 14px; border: 1px solid #0099FF; margin-top: 25px; outline: none; }
.section .content .tdform .show-button { margin: 0; height: 50px; line-height: 50px; background-color: #fafafa; }
.section .content .tdform .show-button>p { width: 100%; float: left; text-align: center; padding: 0; font-size: 18px; color: #0099FF; }
.section .content .tdform .mbox{ padding-left: 100px; }
.section .content .tdform .mbox .tt{ margin-top: 20px; }
.section .content .tdform .mbox .getcode{ display: inline-block; background: #0099FF; color: #FFF; border-radius:3px; height: 36px; line-height: 36px; padding:0 10px;  }
.section .content .tdform .mbox .getcode.disable{ background: #ccc; }
.section .content .tdform .bbar{ text-align: left; width: 300px; }
.section .content .tdform .bbar .regdiv{ float: left; }
.section .content .tdform .bbar .forgotdiv{ float: right; }
.section .content .tdform .bbar a{ color: #333; }